<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <title>Web site</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="title" content="Web site" />
    <meta name="description" content="Site description here" />
    <meta name="keywords" content="keywords here" />
    <meta name="language" content="en" />
    <meta name="subject" content="Site subject here" />
    <meta name="robots" content="All" />
    <meta name="copyright" content="Your company" />
    <meta name="abstract" content="Site description here" />
    <meta name="MSSmartTagsPreventParsing" content="true" />
    <link id="theme" rel="stylesheet" type="text/css" href="style.css" title="theme" />
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="js/custom.js"></script>
<script type="text/javascript" language="javascript" src="js/addon.js"></script>
  </head>
  <body> 
    <div id="top"> 
      <div class="overlay"></div> 
    </div>  
    <div id="wrapper"> 
      <div class="overlay"></div>  
      <div class="border-top"></div>  
      <div class="content"> 
        <div id="container"> 
          <div class="hd"> 
            <div id="container-top"></div>  
            <div id="banner"></div>  
            <div id="hmenu-wpr"> 
              <ul id="hmenu" class="sf-menu sf-js-enabled sf-shadow">
                <li class="current" style="border:none"> 
                  <a class="toplvl sf-with-ul" href="#">Home</a> 
                </li>
                <li> 
                  <a href="#" class="toplvl">Products</a>  
                  <ul>
                    <li> 
                      <a href="#">menu item</a> 
                    </li>
                    <li class="current"> 
                      <a href="#">menu item</a>  
                      <ul>
                        <li class="current">
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                      </ul> 
                    </li>
                    <li> 
                      <a href="#">menu item</a>  
                      <ul>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                      </ul> 
                    </li>
                    <li> 
                      <a href="#">menu item</a>  
                      <ul>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                      </ul> 
                    </li>
                  </ul> 
                </li>
                <li> 
                  <a class="toplvl" href="#">Services</a>  
                  <ul>
                    <li> 
                      <a href="#">menu item</a> 
                    </li>
                    <li class="current"> 
                      <a href="#">menu item</a>  
                      <ul>
                        <li class="current">
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                      </ul> 
                    </li>
                    <li> 
                      <a href="#">menu item</a>  
                      <ul>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                      </ul> 
                    </li>
                    <li> 
                      <a href="#">menu item</a>  
                      <ul>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                        <li>
                          <a href="#">menu item</a>
                        </li>
                      </ul> 
                    </li>
                  </ul> 
                </li>
                <li> 
                  <a class="toplvl" href="#">About Us</a> 
                </li>
              </ul> 
            </div> 
          </div>  
          <div class="bd"> 
            <div id="page"> 
              <!-- SIDEBAR  -->  
              <div id="sidebar"> 
                <div class="content"> 
                  <div class="sidebox1"> 
                    <h2>Side Box Menu</h2>  
                    <div class="vmenu"> 
                      <ul>
                        <li>
                          <a href="#">Category 1</a>
                        </li>
                        <li>
                          <a href="#">Category 2</a>
                        </li>
                        <li>
                          <a href="#">Category 3</a>
                        </li>
                        <li>
                          <a href="#">Category 4</a>
                        </li>
                        <li>
                          <a href="#">Category 5</a>
                        </li>
                      </ul> 
                    </div> 
                  </div>  
                  <div> 
                    <img src="images/business-man-1.png" style="width:100%" /> 
                  </div>  
                  <div class="sidebox1"> 
                    <h2>Side Box Heading</h2>  
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p> 
                  </div> 
                </div> 
              </div>  
              <!-- END SIDEBAR  -->  
              <!-- MAIN COLUMN -->  
              <div id="main"> 
                <div class="content"> 
                  <h1>Welcome</h1>  
                  <h3>To our Website</h3>  
                  <p> 
                    <img src="images/bizwoman-1.png" style="float:right;margin-left:20px" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
                  </p>  
                  <h2 style="margin-top:35px;">Heading h2</h2>  
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>  
                  <p>Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim.</p>  
                  <div style="margin-top:25px;"> 
                    <!-- TO REMOVE -->  
                    <h3>LICENSE</h3>  
                    <p>This template is provided for free. You are free to use it, share it, redistribute it, modify it in any way you want as long as you 
                      <strong>keep a visible link back to doTemplate.com</strong> in the footer.
                    </p> 
                  </div> 
                </div> 
              </div>  
              <!-- END MAIN -->  
              <!-- SIDEBAR 2  -->  
              <div id="sidebar2"> 
                <div class="content"> 
                  <div class="sidebox2"> 
                    <h2>Sidebar Bloc</h2>  
                    <div class="vmenu"> 
                      <ul>
                        <li>
                          <a href="#">Lorem Ipsum</a>
                        </li>
                        <li>
                          <a href="#">Suspendisse</a>
                        </li>
                        <li>
                          <a href="#">Maecenas</a>
                        </li>
                        <li>
                          <a href="#">Sed non risus</a>
                        </li>
                        <li>
                          <a href="#">Consectetuer</a>
                        </li>
                      </ul> 
                    </div> 
                  </div>  
                  <div class="sidebox2"> 
                    <h2>Cross browser</h2>  
                    <p>This Website template is compatible with 99% of Web browsers used on the market: Internet Explorer including ie6, Firefox, Chrome, Safari and Opera.</p>  
                    <div style="margin-top:20px"> 
                      <img src="images/cross-browser.png" style="width:100%" /> 
                    </div>  
                    <p style="margin-top:20px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p> 
                  </div> 
                </div> 
              </div>  
              <!-- END SIDEBAR 2  -->  
              <div class="clear" style="height:60px"></div> 
            </div> 
          </div>  
          <div class="ft"> 
            <div id="footer"> 
              <div class="content"> 
                <!-- 
Keep this footer link UNCHANGED AND VISIBLE or make a 10 dollars donation at www.dotemplate.com/#donate to remove it.
-->  
                <p>
                  <a href="http://www.dotemplate.com">Templates</a> builder
                </p> 
              </div> 
            </div>  
            <div id="container-bottom"></div> 
          </div> 
        </div> 
      </div> 
    </div>  
    <div class="clear"></div> 
  </body>
</html>
